<template>
    <div>
        <h1>公开活动列表</h1>
        <ul>
            <li v-for="activity in activities" :key="activity.id">
                {{ activity.title }} - {{ activity.date }}
                <router-link :to="`/public-activities/${activity.id}`">查看详情</router-link>
            </li>
        </ul>
    </div>
</template>

<script setup>
import { activities } from '@/data/activities.js';
</script>
    